
/******页面顶部样式见 common.css**********/


/*******搜索框样式见 common.css******/

/*******商铺名片********/
#logo{
	margin:0 auto;
	width:100%;
}
#logo b{
	font-size:45px;
	color:pink;
	text-align:center;
	padding:20px;
}
#logo div.lf{
	width:900px;
	text-align:center;
	margin-left:250px;
	line-height:120px;
}

/****条幅广告***/
#scroll{
	width:1200px;
	height:66px;
	margin:0 auto;
	margin-top:8px;
	margin-bottom:8px;
}

/**********广告消息部分*********/
#header_container{
	width:1200px;
	margin:0 auto;
	height:850px;
}
/*******弹出框*******/
#header_container .header_popup{
	width:200px;
	height:845px;
	border-radius:5px;
	float:left;
	background:#fafafa;
}
#header_container .classify{
	height:50px;
	background:#487a6f;
	color:#fff;
	font-size:20px;
	text-align:center;
	line-height:50px;
	border-bottom:3px dotted #fff;
}
#header_container .chuck{
	border:1px solid #487a6f;
	border-top:0;
	border-bottom:1px dotted #487a6f;
	padding:3px 3px 2px 6px;
	min-height:20px;
	position:relative;
}
#header_container .chuck ul{
	padding:4px 0;
}
#header_container .chuck li{
	padding:0 3px 3px 3px;
	font-size:12px;
	display:inline-block;
}
#header_container .chuck li.hover b {
    background-position: 0 -28px;
} 
#header_container .chuck .line{
	display:inline-block;
	margin-top:5px;
	padding:0 1px 0 2px;
}
#header_container .contain{
	color:#487a6f;
	font-size:16px;
	padding:5px;
}

/***弹出部分***/
#header_container div.sub_cate_box {
    display:none;
    position: absolute;
    left: 193px;
    top: -2px;
	z-index:20;
    width: 670px;
	min-height:100px;
    border: 1px solid #DDD;
    background: #fff;
    overflow: visible;
    box-shadow: 0 0 10px #DDD;
    padding:10px 5px;
	cursor:pointer;
}
#header_container .chuck .sub_cate_items {
    float:left;
    min-height:100px;
}           
/*二级分类*/
.sub_cate_items>div {
    clear:left;
    padding:0px;
    margin:0px 0px 10px 10px;
    width:650px;
	text-align:left;
    border-bottom:1px solid #EEE;
}
.sub_cate_items>div>a {
    display:inline-block;
    float:left;
    width:70px;
    height:22px;
    line-height: 22px;
    text-align: right;
    padding: 3px 8px 0 0;
    color: #487a6f;
    text-decoration: underline;
    font-weight:700;
}    
.sub_cate_items p {
    width:550px;
    line-height:22px;
    float:left;
    margin:0px;
	text-align:left;
}             
.sub_cate_items p a {                
    height:22px;
    line-height: 22px;
    text-align: right;
    padding: 0px 8px 0 0px;
    display:inline-block;
    padding: 0 4px;
    margin: 4px 0;
    border-left: 1px solid #ccc;
    color:#666;
    text-decoration:none;    
} 
.sub_cate_items p a:hover {
    color:#e4393c;
    text-decoration:underline;     
}
#header_container .chuck .cate_box_img{
	width:500px;
	margin:0 auto;
}
/******轮播广告******/
#ad {
    width:750px; 
    float:left;
	margin-left:10px;
}
#header_ad{
	width:750px;
	height:315px;
	position:relative;
	overflow:hidden;
	margin:0 10px 20px 0;
}
#header_ad #imgs {
	position:absolute;
	top: 0; 
	left: 0;
	height:240px;
}
#header_ad #imgs li{
	float:left;
	z-index:0;
}
#header_ad #idxs {
    position:absolute;
    bottom:15px;
    right:30px;
}
#header_ad #idxs li {
    width: 22px;
    height: 22px;
    line-height: 22px;
    display: inline-block;
    background: #3e3e3e;
    color: #fff;    
    border-radius: 50%;
    text-align: center;
    cursor: pointer;
    margin-left:10px;
}
#header_ad #idxs li:hover,#header_ad #idxs li.hover {
    background:#b61b1f;
}
/*********最新动态*********/
#header-right .new{
	font-size:15px;
	font-weight:bold;
	color:#333;
	padding:8px 0 8px 0;
	display:inline-block;
	margin-left:5px;
}
#header-right{
	width:225px;
	margin-left:13px;
	float:left;
	margin-top:-4px;
}
#header-right ul{
	width:224px;
	float:left;
}
#dynamic,#presell{
	border:1px solid #487a6f;
	margin:5px 0 5px 0;
	padding-bottom:4px;
}
#presell .new_right{
	padding-top:8px;
}
#presell .new_right a{
	color:#487a6f;
}
#dynamic li a{
	margin-left:5px;
	font-size:12px;
}
#dynamic li a:hover,#presell li a:hover{
	color:orange;
}
#dynamic li{
	padding:6px 0 5px 0;
}
#dynamic ul{
	padding-bottom:10px;
}
#presell .new_img{
	display:inline-block;
	width:120px;
	height:120px;
}
#presell .new_p{
	width:100px;
	margin:15px 0 10px 0;
}
#presell ul li b{
	color:#e4393c;
}
#presell .p_list li{
	float:left;
}

/*******新书上架*******/

#blist {
    margin: 25px 10px 20px 10px;
    height: 488px;
	width:750px;
	display:inline-block;
	border-top:2px solid #487a6f;
    position: relative;
    z-index: 1;
}
#blist .now_host{
	position:absolute;
	top:-38px;
	left:-3px;
}
#blist .now_host p,#content .unique p{
	width:35px;
	height:32px;
	border-radius:20px;
	background:#487a6f;
	color:#fff;
	font-size:20px;
	text-align:center;
	line-height:30px;
	position:absolute;
	top:16px;
}
#blist .now_host b,#content .unique b{
	display:inline-block;
	font-size:16px;
	color:#487a6f;
	line-height:45px;
	margin-left:40px;
}
#blist ul {
    width:800px;
}
#blist ul li{
    width: 155px;
    height: 215px;
    float: left;
    padding:5px 6px 0 16px;
	margin:5px 0 0 10px;
    border:1px solid transparent;
}
#blist ul li:hover{
	border:1px solid #DDDDDD;
	box-shadow:2px 2px #eee;
}
#blist ul li p,#content_con ul.content_body li p {
    overflow: hidden;
    width: 100%;
	padding:0;
	margin-top:5px;
    color: #e4393c;
    font-size: 14px;
    font-family: Verdana;
}
#blist ul li h1,#content_con ul.content_body h1{
	width:150px;
	height:36px;
	overflow:hidden;
}
#blist ul li h1 a,#content_con ul.content_body h1 a{
    font-weight: normal;
    font-size:14px;
	display:block;
	width:150px;
	height:10px;
}
#blist li h1 a:hover{
	color: #e4393c;;
}
/****分页***/
#blist .pager{
	padding:0;
	margin:0;
	margin-top:4px;
	position:absolute;
	right:0;
	bottom: -7px;
}
#blist .pager li{
	display:inline-block;
	border:1px solid #ddd;
	background: #f5f5f5;

}
#blist .pager li a {
	display:inline-block;
	padding: 7px 13px;
}
#blist .pager li.active{
	border: 1px solid transparent;
	background: transparent;
}
#blist .pager li.active a{
	color:#E4393C;
	cursor: default;
}
#blist .pager{
	margin:15px auto 0;
}

/*********畅销排行榜********/
#sell_good{
	width:222px;
	margin-top:25px;
	height:466px;
	border-bottom:1px solid #487a6f;
}
#sell_good ul{
	float:left;
}
#sell_good .sell_hea{
	border-right:0;
	border-bottom:0;
	width:225px;
}
#sell_good .sell_hea li{
	float:left;
	padding:5px 0 5px 0;
	border-bottom:1px solid #487a6f;
}
#sell_good .sell_hea li.active{
	border:1px solid #487a6f;
	border-bottom:0;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
}
#sell_good .sell_hea li a{
	padding:5px 8px 5px 8px;
}

#sell_good .sell_hea li a:hover{
	color:#000;
}
#sell_good #sell_con ul{
	width:220px;
	height:460px;
	border:1px solid #487a6f;
	border-top:0;
	display:none;
}

#sell_good #sell_con ul.active{
	display:block;
}
#sell_good #sell_con ul li b{
	color:#e4393c;
	padding-left:10px;
}
#sell_good #sell_con ul li{
	padding:5px;
	border-bottom:1px solid #487a6f;
}
#sell_good #sell_con ul li:nth-child(10){
	border-bottom:0;
}
#sell_good #sell_con ul li a{
	font-size:14px;
	margin-left:27px;
}
#sell_good #sell_con ul .img_li{
	position:relative;
	min-height:150px;
}
#sell_good #sell_con ul .img_li img{
	margin-left:15px;
}
#sell_good #sell_con ul .img_li b{
	position:absolute;
	top:0;
	left:5px;
}
#sell_good #sell_con ul .gtten a{
	margin-left:20px;
}
#sell_good .total_list{
	font-size:12px;
	color:#487a6f;
	height:18px;
	padding:5px 0 5px 0;
	display:inline-block;
}


/*主体 独家特供部分*/
.bg_content{
	width:100%;
	padding-top:10px;
}
#content{
	position:relative;
	width:1200px;
	min-height:600px;
	margin:0 auto;
}
#content #content_con{
	width:1200px;
	min-height:500px;
}
/*独家特供导航*/
#content ul.content-hea{
	margin-left:111px;
}
#content ul.content-hea li{
	float:left;
	text-align:center;
	line-height:30px;
	width:90px;
	border-bottom:1px solid #ddd;
	border-left:1px solid transparent;
	border-right:1px solid transparent;
	border-top:1px solid transparent;
}
#content ul.content-hea li.active,
#content ul.content-hea li:hover{
	border:1px solid #487a6f;
	border-top:2px solid #487a6f;
	border-bottom:0;
	background:#fafafa;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
}
#content ul.content-hea li a{
	padding:10px 3px;
}
#content ul.content-hea li a:hover{
	color:#487a6f;
}
/*独家特供*/
#content .unique{
	position:absolute;
	top:-10px;
	left:-3px;
}
/*独家特供主体部分*/

#content_con ul.content_body{
	border-top:2px solid #487a6f;
}
#content_con{
	height:730px;
	margin-bottom:20px;
}
#content_con ul.content_body li{
	width:170px;
	height:220px;
	float:left;
	text-align:center;
	padding:8px 10px 5px 15px;
	margin: 10px 0 0 3px;
	border:1px solid transparent;
}
#content_con ul.content_body li:hover{
	border:1px solid #DDDDDD;
	box-shadow:2px 2px #eee;
}
/*******图片分隔******/
#division{
	clear:both;
	width:1200px;
	height:144px;
	padding:10px 0;
	margin:0 auto;
	border-bottom:1px solid #ddd;
}
#division img{
	margin-right:22px;
}
#division img:last-child{
	margin-right: 0;
}

/*******热门作者********/
#host_writer{
	clear:both;
	width:1200px;
	min-height:500px;
	margin:0 auto;
}
#host_writer .host_w_hea {
	width:1200px;
	float:left;
	border-bottom:1px solid #487a6f;
	padding-top:20px;
}
#host_writer .host_w_hea ul{
	width:900px;
	height:28px;
}
#host_writer .host_w_hea ul li{
	float:left;
	width:100px;
	height:35px;
	line-height:35px;
	text-align:center;
	border:1px solid transparent;
	border-top:2px solid transparent;
}
#host_writer .host_w_hea ul li a{
	color:#000;
	border-bottom:1px solid transparent;
	padding:8px 18px 8px 18px;
}
#host_writer .host_w_hea ul li a:hover{
	color:#487a6f;
}
#host_writer .host_w_hea ul li.active,
#host_writer .host_w_hea ul li:hover{
	border:1px solid #487a6f;
	border-top:2px solid #487a6f;
	border-bottom:0;
	background:#fafafa;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
}

/**作者简介**/
#host_writer .host_content{
	width:750px;
	height:400px;
}
#host_writer .host_content .writer_img{
	width:150px;
	margin:0;
}
#host_writer .host_content ul{
	width:1200px;
	margin-top:8px;
	border-bottom:1px dotted #ddd;
}
#host_writer .host_content ul li{
	width:1000px;
	float:left;
	margin:0 0 10px 20px;
	text-align:left;
}
#host_writer .host_content ul .ddz{
	font-size:16px;
	font-weight:bold;
}


/*******todo 战略合作伙伴******/
#cooperation{
	clear:both;
	width:1200px;
	min-height:185px;
	background:#fafafa;
	margin:0 auto;
}
#cooperation p{
	height: 40px;
	line-height: 40px;
	padding-left: 10px;
	text-align:left;
	color:#333;
	font-size:18px;
	font-weight:bold;
	font-family:'Simhei';
	border:1px solid #eee;
	border-top:0;
}
#cooperation ul{
	float:left;
	width:238px;
	height:135px;
	padding-top:10px;
	border:1px solid #eee;
	border-top:0;
}
#cooperation ul li{
	padding:5px 0 5px 0;
}
#cooperation ul li a{
	padding-left:10px;
	color:#333;
}
#cooperation ul li img{
	margin:10px 0 0 10px;
}
#coo_bott {
	width:100%;
	text-align:center;
	margin:10px 0 10px 0;
}
#coo_bott img{
	margin:0 auto;
}

/********页脚样式见common.css************/

/*******todo 个人中心*****/
#main{
	min-height:500px;
	margin:130px 65px;
}
#main .affix {
	box-sizing: border-box;
	width: 210px;
	float: left;
	padding: 15px;
	margin-left:-25px;
}
.affix h4 {
	font-size: 1.2em;
	margin: 10px 0;
}
.affix ul li{
	padding: 5px 20px;
}
.affix ul li.active a{
	color: #e4393c;
	font-weight: bold;
}
#main .container {
	box-sizing: border-box;
	margin-left: 210px;
	padding: 15px;
}
#main .container > div {
	display: none;
}
#main .container > div.active {
	display: block;
}

#order-table {
	width: 100%;
	border-collapse: collapse;
	border: 1px solid #ddd;
}
#order-table thead tr {
	background: #e7e7e7;
}
#order-table tbody tr:nth-child(odd) {
	background: #f5f5f5;
}
#order-table tbody tr:nth-child(even) {
	background: #fff;
}
#order-table th,
#order-table td {
	padding: 8px 10px;
	border: 1px solid #ddd;
	text-align: center;
}
#order-table tbody tr:nth-child(odd) td,
#order-table tbody tr:nth-child(even) td:nth-child(1){
	text-align: left;
}
#order-table tbody tr:nth-child(even) td:nth-child(1) img{
	padding: 3px;
	border: 1px solid #eee;
}
#order-table tbody tr:nth-child(odd) a {
	margin-left: 50px;
}




